<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>Title</title>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".div_1").click(function () {
                console.log("click");
                $(".div_1").animate({left:'200px'},5000);
            })


            $("input").click(function () {
                console.log("input");
                $(".div_1").stop();
            })
        })

    </script>
</head>
<body>
<input type="button" value="停止动画">
<div class="div_1" style="width: 100px;height: 100px;background-color: burlywood; position: absolute"></div>
</body>
</html>